<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<html>
<head>
<meta charset="UTF-8">
<title>测试</title>
<link rel="stylesheet" type="text/css"
	href="./easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="./easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="./easyui/demo.css">
<script type="text/javascript" src="./easyui/jquery.min.js"></script>
<script type="text/javascript" src="./easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="./easyui/locale/easyui-lang-zh_CN.js"></script>
<style type="text/css">
body {
	padding: 0;
	margin: 0;
	border: 0;
	min-width: 1100px;
	box-sizing: border-box;
	font-size: 14px;
}
</style>

<script type="text/javascript">
	$(function(){
		 //初始加载，表格宽度自适应
		    $(document).ready(function(){
		        fitCoulms();
		    });
		　　//浏览器窗口大小变化后，表格宽度自适应
		    $(window).resize(function(){
		        fitCoulms();
		    });
		
		    $('#dd').dialog({  
		        //left:"800px",
		        //top:"600px",
		        title: '新增销售信息',
		        inline:false,
		        closed:true,
		        width: 300,    
		        height: 450,                
		        cache: false,
		        //buttons:"#center",
		        shadow:false,
		        modal: true   
		    });
		})

		//表格宽度自适应，这里的#dg是datagrid表格生成的div标签
		function fitCoulms(){
		    $('#dg').datagrid({
		        fitColumns:true
		    });
		}
	
	function formatOper(val,row,index){  
	    return '<a href="#" onclick="test()">修改</a> <a href="#">删除</a>';  
	}
	
	
	
	
	function test() {
		$('#dd').dialog("open");  
	}
	</script>
</head>
<body>
	<h2>宝贝的任务</h2>
	<div style="margin: 20px 0;"></div>
	<div class="easyui-layout" data-options="fit:true">
	
		<div data-options="region:'center',fit:true">
			<table id="dg" class="easyui-datagrid" title="数据内容"
				data-options="fit:true,url:'datagrid_data1.json',method:'get'">
				<thead>
					<tr>
						<th data-options="field:'id'"  width="8">序号</th>
						<th data-options="field:'name'"  width="8">姓名</th>
						<th data-options="field:'interviewDay'"  width="8">面签日</th>
						<th data-options="field:'queryCode'"  width="8">查询码</th>
						<th data-options="field:'production'" width="8">产证</th>
						<th data-options="field:'invoice'"  width="8" >发票</th>
						<th data-options="field:'insurance'" width="8">保单</th>
						<th data-options="field:'sales'" width="8">销售</th>
						<th data-options="field:'pushed'" width="8">贷款金额</th>
						<th data-options="field:'lendingDay'" width="8">放贷日</th>
						<th data-options="field:'express'" width="8">快递单位</th>
						<th data-options="field:'orderCode'" width="10">单号</th>
						<th data-options="field:'sendingDate'" width="8">寄出日</th>
						<th data-options="field:'remark'" width="15">备注</th>
 						<th data-options="field:'_operate',formatter:formatOper" width="5">操作</th>  		
					</tr>
				</thead>
			</table>
			

		</div>
	</div>
	
	<div id="dd" class="easyui-dialog" title="Basic Dialog" data-options="iconCls:'icon-save'" >
		<div class="content" align="center">
        <table>
            <tr>
                <td><span>序号:</span></td>
                <td><input class="easyui-textbox"  id="id" style="height:25px"/></td>
            </tr>
            <tr>
                <td><span>姓名:</span></td>   
                <td>
                    <input class="easyui-textbox"  id="name" style="height:25px"/>
                </td>
            </tr>
            <tr>
                <td><span>面签日 :</span></td>       
                <td><input class='easyui-datebox'  id="time" style="height:25px"/></td>
            </tr>
            <tr>
                <td><span>查询码 :</span></td>       
                <td><input class='easyui-numberbox' id="telNum" style="height:25px"/></td>
            </tr>
            <tr>
                <td><span>产证:</span></td>       
                <td><input class='easyui-numberbox' id="telNum" style="height:25px"/></td>
            </tr>
            <tr>
                <td><span>发票:</span></td>       
                <td><input class='easyui-numberbox' id="telNum" style="height:25px"/></td>
            </tr>
            <tr>
                <td><span>保单:</span></td>       
                <td><input class='easyui-numberbox' id="telNum" style="height:25px"/></td>
            </tr>
             <tr>
                <td><span>销售:</span></td>       
                <td><input class='easyui-numberbox' id="telNum" style="height:25px"/></td>
            </tr>
             <tr>
                <td><span>贷款金额:</span></td>       
                <td><input class='easyui-numberbox' id="telNum" style="height:25px"/></td>
            </tr>
            <tr>
                <td><span>放贷日:</span></td>       
                <td><input class='easyui-datebox'  id="time" style="height:25px"/></td>
            </tr>
            <tr>
                <td><span>快递单位:</span></td>       
                <td><input class='easyui-numberbox' id="telNum" style="height:25px"/></td>
            </tr>
            <tr>
                <td><span>单号:</span></td>       
                <td><input class='easyui-numberbox' id="telNum" style="height:25px"/></td>
            </tr>
             <tr>
                <td><span>寄出日:</span></td>       
                <td><input class='easyui-datebox'  id="time" style="height:25px"/></td>
            </tr>
            <tr>
                <td><span>备注:</span></td>       
                <td><input class='easyui-numberbox'  id="Num" style="height:25px"/></td>
            </tr>           
        </table>
    </div>
	</div>
	
	
</body>
</html>

